@charset "utf-8";

html {
    overflow-y:scroll; 
    border:0; 
}

/* 롤링이미지 */
#rolling_img {
    border-radius:10px;
    width:1020px; 
    height:250px; 
    overflow:hidden; 
    background:#transparent no-repeat
}

#home_introduce_img {
    border-radius:10px;
    width:1000px; 
    height:700px; 
    overflow:hidden; 
    background:#transparent no-repeat
}

#company_introduce_img {
    border-radius:10px;
    width:1020px; 
    height:500px; 
    overflow:hidden; 
    background:#transparent no-repeat
}

#bm_introduce_img {
    border-radius:10px;
    width:1020px; 
    height:2000px; 
    overflow:hidden; 
    background:#transparent no-repeat
}

#bm_board_title_img {
    border-radius:10px;
    width:1020px; 
    height:250px; 
    overflow:hidden; 
    background:#transparent no-repeat
}

/*********************************************************************************************/
/*------------------------------ 화면 최상단 (스크롤 공지사항) ------------------------------*/
/*********************************************************************************************/

#layout_notice {
    position:relative; 
    width:100%; 
    height:30px; 
    background-color:rgba(0,0,0,0.0);
}
#notice {
    clear:both;
    position:absolute;
    margin-top:-100px;
    float:right;
}

@-moz-document url-prefix() {
    #notice  {
        padding-top:0; 
        background:url(../../../img/icon_notice.gif) no-repeat 0 1px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #notice {
        padding-top:2px
    }
}

.notice_list a {
    text-decoration:none; 
    font:normal 11px dotum, tahoma; 
    color:#000; 
    letter-spacing:-1px
}

.notice_list a:hover {
    color:#fff
}

.notice_list ul.marquee {
    display:block; 
    position:relative; 
    margin:0; 
    padding:0; 
    width:300px; 
    height:15px; 
    list-style:none; 
    overflow:hidden
}
.notice_list ul.marquee li {
    display:block; 
    position:absolute; 
    top:-999em; 
    left:0; 
    white-space:nowrap
}

/*********************************************************************************************/
/*----------------------------- 화면 메인 레이아웃 컨테이너 설정 ----------------------------*/
/*********************************************************************************************/

/* 메인 컨테이너 */
#wrap_layout {
    margin:0 auto;
    width:100%;

}
#wrap_layout_center{
    margin:0 auto; 
    width:1020px;                
    border-radius:10px;
    background:#fff;

}
#wrap_layout_center_empty {
    clear:both;
    margin:0 auto; 
    width:1020px;
}

#wrap_layout_bottom{
    margin:0 auto; 
    width:1020px;
}

/*********************************************************************************************/
/*----------------------------------- 레이아웃 상단 설정 ------------------------------------*/
/*********************************************************************************************/

/* 상단 레이아웃 */
#layout_top {
    width: 100%; 
    height: 250px;
    background:url("../../../img/banner_top.png") no-repeat;
}

/* 레이아웃 상단 바로가기 설치 */
#layout_top #short_cut {
    float:left;    
    position:absolute; 
    margin-top:15px;
}

/* 레이아웃 상단 로고 */
#layout_top #logo {
    clear:both;
    float:left;    
    position:relative;     
    top:0px;     
}

/* 레이아웃 상단 로그인/로그아웃/회원정보/... 메뉴 */
#layout_top #menu{
    float:right; 
    margin-top:24px;
}

@-moz-document url-prefix() {
    #menu {
        float:right; 
        margin-top:0x;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu {
        margin-top:10px; 
        margin-right:20px;
    }
}
#menu img {
    margin-left:0px;
}

/*********************************************************************************************/
/*-------------------------------- 레이아웃 메인 메뉴 설정 ----------------------------------*/
/*********************************************************************************************/

/* 화면 메인 레이아웃 - 메인 메뉴 */
#layout_top_menu   
{
    clear:both;
    float:left; 
    position:relative; 
    width:1020px;      
    height:auto;
    background:url("../../../img/img_menu_bar.png") no-repeat;
}

/*********************************************************************************************/
/*----------------------------------- 레이아웃 가운데 설정 ----------------------------------*/
/*********************************************************************************************/
/* 레이아웃 가운데 영역(서브페이지 전용) */
#wrap_contents {
    clear:both; 
    margin:10px 10px 0px 5px;
    padding-top:0px;
    padding-left:5px;
    padding-right:5px;
    position:relative; 
    width:1000px; 
    min-height:1000px; 
    height:100%; zoom:1;     
}

#wrap_contents_empty {
    clear:both; 
    margin:10px 10px 0px 5px;
    padding-top:0px;
    padding-left:5px;
    padding-right:5px;
    position:relative; 
    width:1000px; 
    min-height:1000px; 
    height:100%; zoom:1;     
}

/*********************************************************************************************/
/*----------------------------------- 레이아웃 하단 설정 ------------------------------------*/
/*********************************************************************************************/

/* 하단 레이아웃 */
#layout_bottom {
    clear:both; 
    float:bottom; 
    position:relative; 
    width:100%; 
    height:250px;  
    background-color:rgba(0,0,0,0.0);
    background-image:url(../../../img/banner_bottom.png);
}


/* 하단링크, 고객센터, 은행정보, 인터넷뱅킹 바로가기, 사업자정보 */
#bottom_link {
    clear:both; 
    position:relative; 
    padding:11px 0 0; 
    width:1020px; 
    height:20px; 
    background:rgba(0,0,0,0); 
    font:normal 11px dotum, tahoma; 
    color:#000; 
    letter-spacing:-1px;
}

#bottom_link ul.link_left {
    float:left; 
    margin-left:18px; 
    _margin-left:3px; 
    list-style:none
}

#bottom_link ul.link_right {
    float:right; 
    margin-right:18px; 
    _margin-right:3px; 
    list-style:none
}

#bottom_link ul li {
    float:left; 
    font:normal 11px dotum, tahoma; 
    color:#000; 
    letter-spacing:-1px
}

#bottom_link ul .line_style {
    padding:0 8px; 
    color:#000;
}

#bottom_link a {
    text-decoration:none; 
    font:normal 11px dotum, tahoma; 
    color:#000; 
    letter-spacing:-1px
}

#bottom_link a:hover {
    text-decoration:underline; 
    color:#000;
}

#wrap_infomation {
    position:relative; 
    width:650px; 
    height:100px; 
    background:url(../../../img/parm_account.png) no-repeat
}

#wrap_infomation #banklist_bottom {
    float:right; 
    margin-top:10px; 
    margin-right:20px
}

#wrap_infomation #banklist_bottom select {
    height:20px
}

#bottom_banner {
    clear:both;
    position:relative; 
    padding:0px 650px; 
    width:370px; 
    border:0px solid #ccc; 
    text-align:center
}

#bottom_copyright {
    position:relative; 
    padding-top:10px; 
    padding-bottom:5px; 
    width:1020px; 
    text-align:center;
    font:normal 11px dotum; 
    color:#777; 
    line-height:18px
}

#bottom_copyright .line_style {
    padding:0 5px; 
    color:#999
}

#bottom_copyright .address {
    margin-top:10px
}

#bottom_copyright .address a {
    text-decoration:none;
    font:normal 11px dotum;
    color:#777;
    line-height:18px
}

#bottom_copyright .address a:hover {
    text-decoration:underline
}

#bottom_copyright .copy {
    margin-top:15px
}

/*********************************************************************************************/
/*----------------------------------- 레이아웃 기본 설정 ------------------------------------*/
/*********************************************************************************************/

.wrap_title {
    width:1050px; 
    height:48px; 
    background:url(../../../img/title_line.gif) repeat-x
}

.wrap_default { 
    background-color:rgba(255,255,255, 0.8); 
    clear:both; 
    position:relative; 
    width:1050px;
}
.wrap_blank_5  {clear:both; height:5px}
.wrap_blank_20 {clear:both; height:20px}
.wrap_blank_30 {clear:both; height:30px}


.view_item_line {
    position:relative; 
    width:100%; 
    border-top:1px solid #ddd
}


/* 오른쪽 영역(서브페이지 전용 배너이미지) */
#sub_banner {width:1020px; overflow:hidden}